<!DOCTYPE html>
<html ng-app="webapp">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>W6</title>
    <link rel="stylesheet" href="css/angular-material.min.css">
    <script data-main="js/w6main" src="js/require-2.1.22.js"></script>

</head>

<body>
    <div layout="row"  >
        <div flex="28">
            <a href="#home" class="btn btn-success btn-lg">Home</a>
            <br>
            <a href="#about" class="btn btn-danger btn-lg">About</a>
        </div>
        <div  flex="71" class="view-animate-container">
            <div ng-view class="view-animate"></div>
        </div>

        
      <pre>
<!--           $location.path() = {{main.$location.path()}}
          $route.current.templateUrl = {{main.$route.current.templateUrl}}
          $route.current.params = {{main.$route.current.params}}
          $routeParams = {{main.$routeParams}} -->
      </pre>

    </div>
</body>

</html>
<style type="text/css">
.my-form {
    -webkit-transition: all linear 0.5s;
    transition: all linear 0.5s;
    background: transparent;
}

.my-form.ng-invalid {
    background: red;
}



</style>
